$(document).ready(function(){
	
	$('#desiredUser').focus(function() {
  		$("#content").append("<div id='userHelp'><p>Bokstäver och siffror är tillåtna.</p></div>");
	});
	$('#desiredUser').blur(function() {
  		$("#userHelp").remove();
	});
	
	$('#desiredPass').focus(function() {
  		$("#content").append("<div id='passHelp'><p>Minst 6 tecken, minst en stor bokstav, minst en liten bokstav, minst en siffra.</p></div>");
	});
	$('#desiredPass').blur(function() {
  		$("#passHelp").remove();
	});
	
	$('#confirmPass').focus(function() {
  		$("#content").append("<div id='confirmpassHelp'><p>Ange lösenordet igen.</p></div>");
	});
	$('#confirmPass').blur(function() {
  		$("#confirmpassHelp").remove();
	});
	
	$("#submitButton").click(function () {
        if($("#user").val().length == 0 || $("#pass").val().length == 0)
        {
        	if($("#status").length > 0){
        		$("#status").remove();        		
        	}
        	statusBox("Var vänlig fyll användarnamn och lösenord.");	
        	return false;
        }
    });
    $("#registerButton").click(function(){
    	if($("#desiredUser").val().length == 0 || $("#desiredPass").val().length == 0)
        {
        	if($("#status").length > 0){
        		$("#status").remove();
        		
        	}
        	statusBox("Var vänlig ange ett användarnamn och ett lösenord.");	
        	return false;
        }  	
    	else if($("#confirmPass").val() != $("#desiredPass").val()){
    		if($("#status").length > 0){
    			$("#status").remove();			
    		}
    		statusBox("Lösenorden stämmer inte överens med varandra, var vänlig försök igen.")
    		    		
    		return false;
    	}
    });
});

function statusBox ($message) {
	$("#content").prepend("<div id='status' class='red'><p>" + $message +  "</p></div>");
}